.common-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;

  .container-search {
    height: 40px;
  }

  .container-table {
    flex: 1;
    overflow: auto;
  }

  .container-footer {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: flex-end;

    .el-pagination {
      .el-pagination__total {
        color: #fff;
      }

      .el-pagination__jump {
        color: #fff;
      }
    }
  }
}

.el-dialog {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;

  // margin-top: 15vh !important;
  .el-dialog__header {
    .el-dialog__headerbtn {
      top: 0px;
    }
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    background-color: #1890ff !important;
    margin-right: 0;
    color: #fff;
    .el-dialog__title {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
    }

    .el-dialog__close {
      color: #fff;
    }
  }

  .el-dialog__body {
    padding: 10px;
    margin-top: 0px !important;
  }

  .el-dialog__footer {
    border-top: 1px solid #e8eaec !important;
    padding: 10px;
    display: flex;
    justify-content: center;
  }
}

.full-screen {
  margin: 0 auto;

  .el-dialog__body {
    padding: 0;
    height: 870px;
  }
}

// button 
.el-button--primary {
  background-color: #31a4ff;
  border: none;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #31a4ff;
}

.el-button--success {
  background-color: #42c2ae;
  border: none;
}
.el-table .warning-row {
  background: #1f4253;//这里可以修改颜色
}

.el-table .success-row {
  background: #26607a;//这里可以修改颜色
}
.el-button--success:hover,
.el-button--success:focus {
  background-color: #42c2ae;
}

.el-button--danger {
  color: #fff;
  background-color: #f9675b;
  border: none;
}

.el-button--danger:hover,
.el-button--danger:focus {
  background-color: #f9675b;
  color: #fff;
}

.el-select-dropdown {
  background-color: #063f64;

}

.el-select-dropdown__item {
  color: #00d3e9;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #34649e;
}

.el-select .el-input__wrapper {
  border: none;
  background-color: #3b899f36;
}
.el-dialog .el-dialog__footer {
  border: none !important;
}
.el-select .el-input__inner {
  color: #fff;
}
.el-input {
  --el-input-bg-color:none;
}
.el-input__inner {
  color: #fff;
}
.el-select-dropdown__item.selected {
  color: #97f5ff;
}
.el-table__expand-icon>.el-icon {
  color: #fff;
}
.el-select__popper {
  border: none !important;
}

.el-table tr,
.el-table tr:hover {
  background-color: #16496d;
  color: #fff;
}
.el-table tr:hover {
  color: #092e30;
}
.el-table tr {
  border: none !important;
}

.el-table {
  background-color: #0d2233;
  // color: #fff;
  border: none !important;

}
.el-table {
  --el-table-border-color:none;
}
.el-table th {
  background-color: #1f4253 !important;
  color: #fff;
}
.el-table th:hover {
  color: #fff;
}
.el-table__body tr:hover > td {
  background: #afddf0 !important;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border: none !important;
}
.el-table__body-wrapper tr td.el-table-fixed-column--right {
  background-color: transparent !important;
}
.el-dialog .el-dialog__header {
  background-color: #1f4253 !important;
}
.el-dialog {
  background-color: #0d2233 !important;
  // color: #fff !important ;
  // div {
  //   color: #fff !important;
  // }
  .el-form-item__label {
    color: #fff;
  }
  
}
.el-table__empty-text {
  color: #fff;
}
.el-dialog .el-dialog__body {
  margin-top: 10px;
}
.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  display: none;
}
.el-upload__tip {
  color: #fff;
}
.input {
  color: #fff;
}
.el-select__input {
  color: #fff;
}